<!DOCTYPE html>
<html>
<head>
  <title>KISSY 1.4 Docs</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="chrome=1">
  <meta name="fragment" content="!">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
  <link rel="stylesheet" href="resources/css/app-4689d2a5522dcd3c9e9923ca59c33f27.css" type="text/css" />
  <link rel="stylesheet" href="styles-3ef4480e9104cda57f5137ff17372317.css" type="text/css" />

</head>
<body style="background: #fff; min-width: 0;">

  <div id="north-region" style="padding: 1px 0 11px 11px">
    <div id="header-content">KISSY 1.4 Docs</div>
  </div>
  <div id="center-container" class="class-overview" style="padding: 20px">
    <div class="x-panel-body">
      <h1>API Documentation</h1>           <div id='categories-content' style=''>
            <div class='section'>
<h1>KISSY</h1>
<div class='left-column'>
<h3>Anim</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.Anim" rel="KISSY.Anim" class="docClass">KISSY.Anim</a></li>
<li><a href="#!/api/KISSY.Anim.Easing" rel="KISSY.Anim.Easing" class="docClass">KISSY.Anim.Easing</a></li>
</ul>
<h3>ComboBox</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.ComboBox" rel="KISSY.ComboBox" class="docClass">KISSY.ComboBox</a></li>
<li><a href="#!/api/KISSY.ComboBox.FilterSelect" rel="KISSY.ComboBox.FilterSelect" class="docClass">KISSY.ComboBox.FilterSelect</a></li>
<li><a href="#!/api/KISSY.ComboBox.LocalDataSource" rel="KISSY.ComboBox.LocalDataSource" class="docClass">KISSY.ComboBox.LocalDataSource</a></li>
<li><a href="#!/api/KISSY.ComboBox.MultiValueComboBox" rel="KISSY.ComboBox.MultiValueComboBox" class="docClass">KISSY.ComboBox.MultiValueComboBox</a></li>
<li><a href="#!/api/KISSY.ComboBox.RemoteDataSource" rel="KISSY.ComboBox.RemoteDataSource" class="docClass">KISSY.ComboBox.RemoteDataSource</a></li>
</ul>
<h3>Component</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.Component" rel="KISSY.Component" class="docClass">KISSY.Component</a></li>
<li><a href="#!/api/KISSY.Component.Container" rel="KISSY.Component.Container" class="docClass">KISSY.Component.Container</a></li>
<li><a href="#!/api/KISSY.Component.Control" rel="KISSY.Component.Control" class="docClass">KISSY.Component.Control</a></li>
<li><a href="#!/api/KISSY.Component.Extension.Align" rel="KISSY.Component.Extension.Align" class="docClass">KISSY.Component.Extension.Align</a></li>
<li><a href="#!/api/KISSY.Component.Extension.ContentRender" rel="KISSY.Component.Extension.ContentRender" class="docClass">KISSY.Component.Extension.ContentRender</a></li>
<li><a href="#!/api/KISSY.Component.Extension.DelegateChildren" rel="KISSY.Component.Extension.DelegateChildren" class="docClass">KISSY.Component.Extension.DelegateChildren</a></li>
<li><a href="#!/api/KISSY.Component.Extension.Shim" rel="KISSY.Component.Extension.Shim" class="docClass">KISSY.Component.Extension.Shim</a></li>
<li><a href="#!/api/KISSY.Component.Manager" rel="KISSY.Component.Manager" class="docClass">KISSY.Component.Manager</a></li>
<li><a href="#!/api/KISSY.Component.Plugin.Drag" rel="KISSY.Component.Plugin.Drag" class="docClass">KISSY.Component.Plugin.Drag</a></li>
<li><a href="#!/api/KISSY.Component.Plugin.Resize" rel="KISSY.Component.Plugin.Resize" class="docClass">KISSY.Component.Plugin.Resize</a></li>
<li><a href="#!/api/KISSY.Component.Process" rel="KISSY.Component.Process" class="docClass">KISSY.Component.Process</a></li>
</ul>
<h3>DD</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.DD.Draggable" rel="KISSY.DD.Draggable" class="docClass">KISSY.DD.Draggable</a></li>
<li><a href="#!/api/KISSY.DD.Draggable.DropMode" rel="KISSY.DD.Draggable.DropMode" class="docClass">KISSY.DD.Draggable.DropMode</a></li>
<li><a href="#!/api/KISSY.DD.DraggableDelegate" rel="KISSY.DD.DraggableDelegate" class="docClass">KISSY.DD.DraggableDelegate</a></li>
<li><a href="#!/api/KISSY.DD.Droppable" rel="KISSY.DD.Droppable" class="docClass">KISSY.DD.Droppable</a></li>
<li><a href="#!/api/KISSY.DD.DroppableDelegate" rel="KISSY.DD.DroppableDelegate" class="docClass">KISSY.DD.DroppableDelegate</a></li>
<li><a href="#!/api/KISSY.DD.Plugin.Constrain" rel="KISSY.DD.Plugin.Constrain" class="docClass">KISSY.DD.Plugin.Constrain</a></li>
<li><a href="#!/api/KISSY.DD.Plugin.Proxy" rel="KISSY.DD.Plugin.Proxy" class="docClass">KISSY.DD.Plugin.Proxy</a></li>
<li><a href="#!/api/KISSY.DD.Plugin.Scroll" rel="KISSY.DD.Plugin.Scroll" class="docClass">KISSY.DD.Plugin.Scroll</a></li>
</ul>
<h3>DOM</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.DOM" rel="KISSY.DOM" class="docClass">KISSY.DOM</a></li>
<li><a href="#!/api/KISSY.DOM.NodeType" rel="KISSY.DOM.NodeType" class="docClass">KISSY.DOM.NodeType</a></li>
</ul>
<h3>Date</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.Date.Formatter" rel="KISSY.Date.Formatter" class="docClass">KISSY.Date.Formatter</a></li>
<li><a href="#!/api/KISSY.Date.Formatter.Style" rel="KISSY.Date.Formatter.Style" class="docClass">KISSY.Date.Formatter.Style</a></li>
<li><a href="#!/api/KISSY.Date.Gregorian" rel="KISSY.Date.Gregorian" class="docClass">KISSY.Date.Gregorian</a></li>
<li><a href="#!/api/KISSY.Date.Picker" rel="KISSY.Date.Picker" class="docClass">KISSY.Date.Picker</a></li>
<li><a href="#!/api/KISSY.Date.PopupPicker" rel="KISSY.Date.PopupPicker" class="docClass">KISSY.Date.PopupPicker</a></li>
</ul>
<h3>Editor</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.Editor" rel="KISSY.Editor" class="docClass">KISSY.Editor</a></li>
<li><a href="#!/api/KISSY.Editor.ElementPath" rel="KISSY.Editor.ElementPath" class="docClass">KISSY.Editor.ElementPath</a></li>
<li><a href="#!/api/KISSY.Editor.PositionType" rel="KISSY.Editor.PositionType" class="docClass">KISSY.Editor.PositionType</a></li>
<li><a href="#!/api/KISSY.Editor.Range" rel="KISSY.Editor.Range" class="docClass">KISSY.Editor.Range</a></li>
<li><a href="#!/api/KISSY.Editor.RangeType" rel="KISSY.Editor.RangeType" class="docClass">KISSY.Editor.RangeType</a></li>
<li><a href="#!/api/KISSY.Editor.Selection" rel="KISSY.Editor.Selection" class="docClass">KISSY.Editor.Selection</a></li>
<li><a href="#!/api/KISSY.Editor.SelectionType" rel="KISSY.Editor.SelectionType" class="docClass">KISSY.Editor.SelectionType</a></li>
<li><a href="#!/api/KISSY.Editor.Style" rel="KISSY.Editor.Style" class="docClass">KISSY.Editor.Style</a></li>
<li><a href="#!/api/KISSY.Editor.StyleType" rel="KISSY.Editor.StyleType" class="docClass">KISSY.Editor.StyleType</a></li>
<li><a href="#!/api/KISSY.Editor.Utils" rel="KISSY.Editor.Utils" class="docClass">KISSY.Editor.Utils</a></li>
<li><a href="#!/api/KISSY.Editor.Walker" rel="KISSY.Editor.Walker" class="docClass">KISSY.Editor.Walker</a></li>
<li><a href="#!/api/KISSY.Editor.ZIndexManager" rel="KISSY.Editor.ZIndexManager" class="docClass">KISSY.Editor.ZIndexManager</a></li>
</ul>
</div>
<div class='middle-column'>
<h3>Event</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.Event" rel="KISSY.Event" class="docClass">KISSY.Event</a></li>
<li><a href="#!/api/KISSY.Event.CustomEvent" rel="KISSY.Event.CustomEvent" class="docClass">KISSY.Event.CustomEvent</a></li>
<li><a href="#!/api/KISSY.Event.CustomEvent.Target" rel="KISSY.Event.CustomEvent.Target" class="docClass">KISSY.Event.CustomEvent.Target</a></li>
<li><a href="#!/api/KISSY.Event.DomEvent.Gesture" rel="KISSY.Event.DomEvent.Gesture" class="docClass">KISSY.Event.DomEvent.Gesture</a></li>
<li><a href="#!/api/KISSY.Event.DomEvent.KeyCode" rel="KISSY.Event.DomEvent.KeyCode" class="docClass">KISSY.Event.DomEvent.KeyCode</a></li>
</ul>
<h3>HtmlParser</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.HtmlParser.BasicWriter" rel="KISSY.HtmlParser.BasicWriter" class="docClass">KISSY.HtmlParser.BasicWriter</a></li>
<li><a href="#!/api/KISSY.HtmlParser.Dtd" rel="KISSY.HtmlParser.Dtd" class="docClass">KISSY.HtmlParser.Dtd</a></li>
<li><a href="#!/api/KISSY.HtmlParser.Filter" rel="KISSY.HtmlParser.Filter" class="docClass">KISSY.HtmlParser.Filter</a></li>
<li><a href="#!/api/KISSY.HtmlParser.Lexer" rel="KISSY.HtmlParser.Lexer" class="docClass">KISSY.HtmlParser.Lexer</a></li>
<li><a href="#!/api/KISSY.HtmlParser.MinifyWriter" rel="KISSY.HtmlParser.MinifyWriter" class="docClass">KISSY.HtmlParser.MinifyWriter</a></li>
<li><a href="#!/api/KISSY.HtmlParser.Parser" rel="KISSY.HtmlParser.Parser" class="docClass">KISSY.HtmlParser.Parser</a></li>
<li><a href="#!/api/KISSY.HtmlParser.Tag" rel="KISSY.HtmlParser.Tag" class="docClass">KISSY.HtmlParser.Tag</a></li>
</ul>
<h3>Kison</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.Kison.Grammar" rel="KISSY.Kison.Grammar" class="docClass">KISSY.Kison.Grammar</a></li>
<li><a href="#!/api/KISSY.Kison.Item" rel="KISSY.Kison.Item" class="docClass">KISSY.Kison.Item</a></li>
<li><a href="#!/api/KISSY.Kison.ItemSet" rel="KISSY.Kison.ItemSet" class="docClass">KISSY.Kison.ItemSet</a></li>
<li><a href="#!/api/KISSY.Kison.Lexer" rel="KISSY.Kison.Lexer" class="docClass">KISSY.Kison.Lexer</a></li>
<li><a href="#!/api/KISSY.Kison.NonTerminal" rel="KISSY.Kison.NonTerminal" class="docClass">KISSY.Kison.NonTerminal</a></li>
<li><a href="#!/api/KISSY.Kison.Production" rel="KISSY.Kison.Production" class="docClass">KISSY.Kison.Production</a></li>
<li><a href="#!/api/KISSY.Kison.Utils" rel="KISSY.Kison.Utils" class="docClass">KISSY.Kison.Utils</a></li>
</ul>
<h3>MVC</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.MVC" rel="KISSY.MVC" class="docClass">KISSY.MVC</a></li>
<li><a href="#!/api/KISSY.MVC.Collection" rel="KISSY.MVC.Collection" class="docClass">KISSY.MVC.Collection</a></li>
<li><a href="#!/api/KISSY.MVC.Model" rel="KISSY.MVC.Model" class="docClass">KISSY.MVC.Model</a></li>
<li><a href="#!/api/KISSY.MVC.Router" rel="KISSY.MVC.Router" class="docClass">KISSY.MVC.Router</a></li>
<li><a href="#!/api/KISSY.MVC.View" rel="KISSY.MVC.View" class="docClass">KISSY.MVC.View</a></li>
</ul>
<h3>Menu</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.Menu" rel="KISSY.Menu" class="docClass">KISSY.Menu</a></li>
<li><a href="#!/api/KISSY.Menu.CheckItem" rel="KISSY.Menu.CheckItem" class="docClass">KISSY.Menu.CheckItem</a></li>
<li><a href="#!/api/KISSY.Menu.Item" rel="KISSY.Menu.Item" class="docClass">KISSY.Menu.Item</a></li>
<li><a href="#!/api/KISSY.Menu.PopupMenu" rel="KISSY.Menu.PopupMenu" class="docClass">KISSY.Menu.PopupMenu</a></li>
<li><a href="#!/api/KISSY.Menu.SubMenu" rel="KISSY.Menu.SubMenu" class="docClass">KISSY.Menu.SubMenu</a></li>
</ul>
<h3>MenuButton</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.MenuButton" rel="KISSY.MenuButton" class="docClass">KISSY.MenuButton</a></li>
<li><a href="#!/api/KISSY.MenuButton.Option" rel="KISSY.MenuButton.Option" class="docClass">KISSY.MenuButton.Option</a></li>
<li><a href="#!/api/KISSY.MenuButton.Select" rel="KISSY.MenuButton.Select" class="docClass">KISSY.MenuButton.Select</a></li>
</ul>
<h3>Overlay</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.Overlay" rel="KISSY.Overlay" class="docClass">KISSY.Overlay</a></li>
<li><a href="#!/api/KISSY.Overlay.Dialog" rel="KISSY.Overlay.Dialog" class="docClass">KISSY.Overlay.Dialog</a></li>
<li><a href="#!/api/KISSY.Overlay.Extension.Effect" rel="KISSY.Overlay.Extension.Effect" class="docClass">KISSY.Overlay.Extension.Effect</a></li>
<li><a href="#!/api/KISSY.Overlay.Extension.Loading" rel="KISSY.Overlay.Extension.Loading" class="docClass">KISSY.Overlay.Extension.Loading</a></li>
<li><a href="#!/api/KISSY.Overlay.Extension.Mask" rel="KISSY.Overlay.Extension.Mask" class="docClass">KISSY.Overlay.Extension.Mask</a></li>
<li><a href="#!/api/KISSY.Overlay.Popup" rel="KISSY.Overlay.Popup" class="docClass">KISSY.Overlay.Popup</a></li>
</ul>
<h3>Resizable</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.Resizable" rel="KISSY.Resizable" class="docClass">KISSY.Resizable</a></li>
<li><a href="#!/api/KISSY.Resizable.Handler" rel="KISSY.Resizable.Handler" class="docClass">KISSY.Resizable.Handler</a></li>
<li><a href="#!/api/KISSY.Resizable.Plugin.Proxy" rel="KISSY.Resizable.Plugin.Proxy" class="docClass">KISSY.Resizable.Plugin.Proxy</a></li>
</ul>
</div>
<div class='right-column'>
<h3>SWF</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.SWF" rel="KISSY.SWF" class="docClass">KISSY.SWF</a></li>
<li><a href="#!/api/KISSY.SWF.HtmlMode" rel="KISSY.SWF.HtmlMode" class="docClass">KISSY.SWF.HtmlMode</a></li>
<li><a href="#!/api/KISSY.SWF.Status" rel="KISSY.SWF.Status" class="docClass">KISSY.SWF.Status</a></li>
</ul>
<h3>ScrollView</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.ScrollView.Base" rel="KISSY.ScrollView.Base" class="docClass">KISSY.ScrollView.Base</a></li>
<li><a href="#!/api/KISSY.ScrollView.Drag" rel="KISSY.ScrollView.Drag" class="docClass">KISSY.ScrollView.Drag</a></li>
<li><a href="#!/api/KISSY.ScrollView.Plugin.PullToRefresh" rel="KISSY.ScrollView.Plugin.PullToRefresh" class="docClass">KISSY.ScrollView.Plugin.PullToRefresh</a></li>
<li><a href="#!/api/KISSY.ScrollView.Plugin.ScrollBar" rel="KISSY.ScrollView.Plugin.ScrollBar" class="docClass">KISSY.ScrollView.Plugin.ScrollBar</a></li>
</ul>
<h3>Tabs</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.Tabs" rel="KISSY.Tabs" class="docClass">KISSY.Tabs</a></li>
<li><a href="#!/api/KISSY.Tabs.Bar" rel="KISSY.Tabs.Bar" class="docClass">KISSY.Tabs.Bar</a></li>
<li><a href="#!/api/KISSY.Tabs.Body" rel="KISSY.Tabs.Body" class="docClass">KISSY.Tabs.Body</a></li>
<li><a href="#!/api/KISSY.Tabs.ChangeType" rel="KISSY.Tabs.ChangeType" class="docClass">KISSY.Tabs.ChangeType</a></li>
<li><a href="#!/api/KISSY.Tabs.Orientation" rel="KISSY.Tabs.Orientation" class="docClass">KISSY.Tabs.Orientation</a></li>
<li><a href="#!/api/KISSY.Tabs.Panel" rel="KISSY.Tabs.Panel" class="docClass">KISSY.Tabs.Panel</a></li>
<li><a href="#!/api/KISSY.Tabs.Tab" rel="KISSY.Tabs.Tab" class="docClass">KISSY.Tabs.Tab</a></li>
</ul>
<h3>Tree</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.Tree" rel="KISSY.Tree" class="docClass">KISSY.Tree</a></li>
<li><a href="#!/api/KISSY.Tree.CheckNode" rel="KISSY.Tree.CheckNode" class="docClass">KISSY.Tree.CheckNode</a></li>
<li><a href="#!/api/KISSY.Tree.CheckNode.CheckState" rel="KISSY.Tree.CheckNode.CheckState" class="docClass">KISSY.Tree.CheckNode.CheckState</a></li>
<li><a href="#!/api/KISSY.Tree.CheckTree" rel="KISSY.Tree.CheckTree" class="docClass">KISSY.Tree.CheckTree</a></li>
<li><a href="#!/api/KISSY.Tree.Manager" rel="KISSY.Tree.Manager" class="docClass">KISSY.Tree.Manager</a></li>
<li><a href="#!/api/KISSY.Tree.Node" rel="KISSY.Tree.Node" class="docClass">KISSY.Tree.Node</a></li>
</ul>
<h3>Uri</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.Uri" rel="KISSY.Uri" class="docClass">KISSY.Uri</a></li>
<li><a href="#!/api/KISSY.Uri.Query" rel="KISSY.Uri.Query" class="docClass">KISSY.Uri.Query</a></li>
</ul>
<h3>XTemplate</h3>
<ul class='links'>
<li><a href="#!/api/KISSY.XTemplate" rel="KISSY.XTemplate" class="docClass">KISSY.XTemplate</a></li>
<li><a href="#!/api/KISSY.XTemplate.Nodejs" rel="KISSY.XTemplate.Nodejs" class="docClass">KISSY.XTemplate.Nodejs</a></li>
<li><a href="#!/api/KISSY.XTemplate.Runtime" rel="KISSY.XTemplate.Runtime" class="docClass">KISSY.XTemplate.Runtime</a></li>
<li><a href="#!/api/KISSY.XTemplate.compiler" rel="KISSY.XTemplate.compiler" class="docClass">KISSY.XTemplate.compiler</a></li>
</ul>
<h3>Others...</h3>
<ul class='links'>
<li><a href="#!/api/KISSY" rel="KISSY" class="docClass">KISSY</a></li>
<li><a href="#!/api/KISSY.Base" rel="KISSY.Base" class="docClass">KISSY.Base</a></li>
<li><a href="#!/api/KISSY.Button" rel="KISSY.Button" class="docClass">KISSY.Button</a></li>
<li><a href="#!/api/KISSY.Color" rel="KISSY.Color" class="docClass">KISSY.Color</a></li>
<li><a href="#!/api/KISSY.Cookie" rel="KISSY.Cookie" class="docClass">KISSY.Cookie</a></li>
<li><a href="#!/api/KISSY.Defer" rel="KISSY.Defer" class="docClass">KISSY.Defer</a></li>
<li><a href="#!/api/KISSY.FilterMenu" rel="KISSY.FilterMenu" class="docClass">KISSY.FilterMenu</a></li>
<li><a href="#!/api/KISSY.HtmlParse.Node" rel="KISSY.HtmlParse.Node" class="docClass">KISSY.HtmlParse.Node</a></li>
<li><a href="#!/api/KISSY.IO" rel="KISSY.IO" class="docClass">KISSY.IO</a></li>
<li><a href="#!/api/KISSY.JSON" rel="KISSY.JSON" class="docClass">KISSY.JSON</a></li>
<li><a href="#!/api/KISSY.Loader.Status" rel="KISSY.Loader.Status" class="docClass">KISSY.Loader.Status</a></li>
<li><a href="#!/api/KISSY.Logger.Level" rel="KISSY.Logger.Level" class="docClass">KISSY.Logger.Level</a></li>
<li><a href="#!/api/KISSY.NodeList" rel="KISSY.NodeList" class="docClass">KISSY.NodeList</a></li>
<li><a href="#!/api/KISSY.Path" rel="KISSY.Path" class="docClass">KISSY.Path</a></li>
<li><a href="#!/api/KISSY.Promise" rel="KISSY.Promise" class="docClass">KISSY.Promise</a></li>
<li><a href="#!/api/KISSY.Separator" rel="KISSY.Separator" class="docClass">KISSY.Separator</a></li>
<li><a href="#!/api/KISSY.SplitButton" rel="KISSY.SplitButton" class="docClass">KISSY.SplitButton</a></li>
<li><a href="#!/api/KISSY.StyleSheet" rel="KISSY.StyleSheet" class="docClass">KISSY.StyleSheet</a></li>
<li><a href="#!/api/KISSY.Toolbar" rel="KISSY.Toolbar" class="docClass">KISSY.Toolbar</a></li>
<li><a href="#!/api/KISSY.UA" rel="KISSY.UA" class="docClass">KISSY.UA</a></li>
</ul>
</div>
<div style='clear:both'></div>
</div>
<div class='section'>
<h1>Others...</h1>
<div class='left-column'>
<h3>Others...</h3>
<ul class='links'>
<li><a href="#!/api/Array" rel="Array" class="docClass">Array</a></li>
<li><a href="#!/api/Boolean" rel="Boolean" class="docClass">Boolean</a></li>
<li><a href="#!/api/Date" rel="Date" class="docClass">Date</a></li>
<li><a href="#!/api/Function" rel="Function" class="docClass">Function</a></li>
<li><a href="#!/api/Number" rel="Number" class="docClass">Number</a></li>
<li><a href="#!/api/Object" rel="Object" class="docClass">Object</a></li>
<li><a href="#!/api/RegExp" rel="RegExp" class="docClass">RegExp</a></li>
<li><a href="#!/api/String" rel="String" class="docClass">String</a></li>
</ul>
</div>
<div class='middle-column'>
</div>
<div class='right-column'>
</div>
<div style='clear:both'></div>
</div>
          </div>

      <h1>Guides</h1> 
    </div>
  </div>

  <script type="text/javascript">
  (function(){
    var protocol = (document.location.protocol === "https:") ? "https:" : "http:";
    document.write("<link href='"+protocol+"//fonts.googleapis.com/css?family=Exo' rel='stylesheet' type='text/css' />");
  })();
  </script>

</body>
</html>
